<template>
  <div>


    <a-select style="width: 100%"  v-decorator="['nation', {}]" :show-search="showSearch"   :filter-option="filterOption"
              :class="[isFix?'fix':'normmal']" placeholder="请输入国籍" :value="selectedCountry" @change="countryChange">
      <a-select-option  v-for="item in countryList"   :key="item.value" :label="item.label" :value="item.value">
        <span style="float: left">{{ item.label }}</span>
        <!--        <span style="float: right; color: #8492a6; font-size: 13px">{{ item.englishValue }}</span>-->
      </a-select-option>
    </a-select>
  </div>
</template>
<script>

export default {

  name: 'countryList',
  props: {
    showSearch: {
      type: Boolean,
      default: false
    },
    // 是否固定宽度，用来处理哪些会自动缩放输入框的场景
    isFix: {
      type: Boolean,
      default: false
    },
  },
  data() {
    return {
      selectedCountry: undefined,
      countryList: [
          {englishValue: 'China', label: '中国', value: '中国'},
          {englishValue: 'Russia', label: '俄罗斯', value: '俄罗斯'},
        {englishValue: 'Angola', label: '安哥拉', value: '安哥拉'},
        {englishValue: 'Afghanistan', label: '阿富汗', value: '阿富汗'},
        {englishValue: 'Albania', label: '阿尔巴尼亚', value: '阿尔巴尼亚'},
        {englishValue: 'Algeria', label: '阿尔及利亚', value: '阿尔及利亚'},
        {englishValue: 'Andorra', label: '安道尔共和国', value: '安道尔共和国'},
        {englishValue: 'Anguilla', label: '安圭拉岛', value: '安圭拉岛'},
        {englishValue: 'Antigua and Barbuda', label: '安提瓜和巴布达', value: '安提瓜和巴布达'},
        {englishValue: 'Argentina', label: '阿根廷', value: '阿根廷'},
        {englishValue: 'Armenia', label: '亚美尼亚', value: '亚美尼亚'},
        {englishValue: 'Ascension', label: '阿森松', value: '阿森松'},
        {englishValue: 'Australia', label: '澳大利亚', value: '澳大利亚'},
        {englishValue: 'Austria', label: '奥地利', value: '奥地利'},
        {englishValue: 'Azerbaijan', label: '阿塞拜疆', value: '阿塞拜疆'},
        {englishValue: 'Bahamas', label: '巴哈马', value: '巴哈马'},
        {englishValue: 'Bahrain', label: '巴林', value: '巴林'},
        {englishValue: 'Bangladesh', label: '孟加拉国', value: '孟加拉国'},
        {englishValue: 'Barbados', label: '巴巴多斯', value: '巴巴多斯'},
        {englishValue: 'Belarus', label: '白俄罗斯', value: '白俄罗斯'},
        {englishValue: 'Belgium', label: '比利时', value: '比利时'},
        {englishValue: 'Belize', label: '伯利兹', value: '伯利兹'},
        {englishValue: 'Benin', label: '贝宁', value: '贝宁'},
        {englishValue: 'Bermuda Is', label: '百慕大群岛', value: '百慕大群岛'},
        {englishValue: 'Bolivia', label: '玻利维亚', value: '玻利维亚'},
        {englishValue: 'Botswana', label: '博茨瓦纳', value: '博茨瓦纳'},
        {englishValue: 'Brazil', label: '巴西', value: '巴西'},
        {englishValue: 'Brunei', label: '文莱', value: '文莱'},
        {englishValue: 'Bulgaria', label: '保加利亚', value: '保加利亚'},
        {englishValue: 'Burkina Faso', label: '布基纳法索', value: '布基纳法索'},
        {englishValue: 'Burma', label: '缅甸', value: '缅甸'},
        {englishValue: 'Burundi', label: '布隆迪', value: '布隆迪'},
        {englishValue: 'Cameroon', label: '喀麦隆', value: '喀麦隆'},
        {englishValue: 'Canada', label: '加拿大', value: '加拿大'},
        {englishValue: 'Cayman Is', label: '开曼群岛', value: '开曼群岛'},
        {englishValue: 'Central African Republic', label: '中非共和国', value: '中非共和国'},
        {englishValue: 'Chad', label: '乍得', value: '乍得'},
        {englishValue: 'Chile', label: '智利', value: '智利'},

        {englishValue: 'Colombia', label: '哥伦比亚', value: '哥伦比亚'},
        {englishValue: 'Congo', label: '刚果', value: '刚果'},
        {englishValue: 'Cook Is', label: '库克群岛', value: '库克群岛'},
        {englishValue: 'Costa Rica', label: '哥斯达黎加', value: '哥斯达黎加'},
        {englishValue: 'Cuba', label: '古巴', value: '古巴'},
        {englishValue: 'Cyprus', label: '塞浦路斯', value: '塞浦路斯'},
        {englishValue: 'Czech Republic', label: '捷克', value: '捷克'},
        {englishValue: 'Denmark', label: '丹麦', value: '丹麦'},
        {englishValue: 'Djibouti', label: '吉布提', value: '吉布提'},
        {englishValue: 'Dominica Rep', label: '多米尼加共和国', value: '多米尼加共和国'},
        {englishValue: 'Ecuador', label: '厄瓜多尔', value: '厄瓜多尔'},
        {englishValue: 'Egypt', label: '埃及', value: '埃及'},
        {englishValue: 'EI Salvador', label: '萨尔瓦多', value: '萨尔瓦多'},
        {englishValue: 'Estonia', label: '爱沙尼亚', value: '爱沙尼亚'},
        {englishValue: 'Ethiopia', label: '埃塞俄比亚', value: '埃塞俄比亚'},
        {englishValue: 'Fiji', label: '斐济', value: '斐济'},
        {englishValue: 'Finland', label: '芬兰', value: '芬兰'},
        {englishValue: 'France', label: '法国', value: '法国'},
        {englishValue: 'French Guiana', label: '法属圭亚那', value: '法属圭亚那'},
        {englishValue: 'French Polynesia', label: '法属玻利尼西亚', value: '法属玻利尼西亚'},
        {englishValue: 'Gabon', label: '加蓬', value: '加蓬'},
        {englishValue: 'Gambia', label: '冈比亚', value: '冈比亚'},
        {englishValue: 'Georgia', label: '格鲁吉亚', value: '格鲁吉亚'},
        {englishValue: 'Germany', label: '德国', value: '德国'},
        {englishValue: 'Ghana', label: '加纳', value: '加纳'},
        {englishValue: 'Gibraltar', label: '直布罗陀', value: '直布罗陀'},
        {englishValue: 'Greece', label: '希腊', value: '希腊'},
        {englishValue: 'Grenada', label: '格林纳达', value: '格林纳达'},
        {englishValue: 'Guam', label: '关岛', value: '关岛'},
        {englishValue: 'Guatemala', label: '危地马拉', value: '危地马拉'},
        {englishValue: 'Guinea', label: '几内亚', value: '几内亚'},
        {englishValue: 'Guyana', label: '圭亚那', value: '圭亚那'},
        {englishValue: 'Haiti', label: '海地', value: '海地'},
        {englishValue: 'Honduras', label: '洪都拉斯', value: '洪都拉斯'},
        {englishValue: 'Hungary', label: '匈牙利', value: '匈牙利'},
        {englishValue: 'Iceland', label: '冰岛', value: '冰岛'},
        {englishValue: 'India', label: '印度', value: '印度'},
        {englishValue: 'Indonesia', label: '印度尼西亚', value: '印度尼西亚'},
        {englishValue: 'Iran', label: '伊朗', value: '伊朗'},
        {englishValue: 'Iraq', label: '伊拉克', value: '伊拉克'},
        {englishValue: 'Ireland', label: '爱尔兰', value: '爱尔兰'},
        {englishValue: 'Israel', label: '以色列', value: '以色列'},
        {englishValue: 'Italy', label: '意大利', value: '意大利'},
        {englishValue: 'Ivory Coast', label: '科特迪瓦', value: '科特迪瓦'},
        {englishValue: 'Jamaica', label: '牙买加', value: '牙买加'},
        {englishValue: 'Japan', label: '日本', value: '日本'},
        {englishValue: 'Jordan', label: '约旦', value: '约旦'},
        {englishValue: 'Kampuchea (Cambodia)', label: '柬埔寨', value: '柬埔寨'},
        {englishValue: 'Kazakstan', label: '哈萨克斯坦', value: '哈萨克斯坦'},
        {englishValue: 'Kenya', label: '肯尼亚', value: '肯尼亚'},
        {englishValue: 'Korea', label: '韩国', value: '韩国'},
        {englishValue: 'Kuwait', label: '科威特', value: '科威特'},
        {englishValue: 'Kyrgyzstan', label: '吉尔吉斯坦', value: '吉尔吉斯坦'},
        {englishValue: 'Laos', label: '老挝', value: '老挝'},
        {englishValue: 'Latvia', label: '拉脱维亚', value: '拉脱维亚'},
        {englishValue: 'Lebanon', label: '黎巴嫩', value: '黎巴嫩'},
        {englishValue: 'Lesotho', label: '莱索托', value: '莱索托'},
        {englishValue: 'Liberia', label: '利比里亚', value: '利比里亚'},
        {englishValue: 'Libya', label: '利比亚', value: '利比亚'},
        {englishValue: 'Liechtenstein', label: '列支敦士登', value: '列支敦士登'},
        {englishValue: 'Lithuania', label: '立陶宛', value: '立陶宛'},
        {englishValue: 'Luxembourg', label: '卢森堡', value: '卢森堡'},
        {englishValue: 'Madagascar', label: '马达加斯加', value: '马达加斯加'},
        {englishValue: 'Malawi', label: '马拉维', value: '马拉维'},
        {englishValue: 'Malaysia', label: '马来西亚', value: '马来西亚'},
        {englishValue: 'Maldives', label: '马尔代夫', value: '马尔代夫'},
        {englishValue: 'Mali', label: '马里', value: '马里'},
        {englishValue: 'Malta', label: '马耳他', value: '马耳他'},
        {englishValue: 'Mariana Is', label: '马里亚那群岛', value: '马里亚那群岛'},
        {englishValue: 'Martinique', label: '马提尼克', value: '马提尼克'},
        {englishValue: 'Mauritius', label: '毛里求斯', value: '毛里求斯'},
        {englishValue: 'Mexico', label: '墨西哥', value: '墨西哥'},
        {englishValue: 'Moldova', label: '摩尔多瓦', value: '摩尔多瓦'},
        {englishValue: 'Monaco', label: '摩纳哥', value: '摩纳哥'},
        {englishValue: 'Mongolia', label: '蒙古', value: '蒙古'},
        {englishValue: 'Montserrat Is', label: '蒙特塞拉特岛', value: '蒙特塞拉特岛'},
        {englishValue: 'Morocco', label: '摩洛哥', value: '摩洛哥'},
        {englishValue: 'Mozambique', label: '莫桑比克', value: '莫桑比克'},
        {englishValue: 'Namibia', label: '纳米比亚', value: '纳米比亚'},
        {englishValue: 'Nauru', label: '瑙鲁', value: '瑙鲁'},
        {englishValue: 'Nepal', label: '尼泊尔', value: '尼泊尔'},
        {englishValue: 'Netheriands Antilles', label: '荷属安的列斯', value: '荷属安的列斯'},
        {englishValue: 'Netherlands', label: '荷兰', value: '荷兰'},
        {englishValue: 'New Zealand', label: '新西兰', value: '新西兰'},
        {englishValue: 'Nicaragua', label: '尼加拉瓜', value: '尼加拉瓜'},
        {englishValue: 'Niger', label: '尼日尔', value: '尼日尔'},
        {englishValue: 'Nigeria', label: '尼日利亚', value: '尼日利亚'},
        {englishValue: 'North Korea', label: '朝鲜', value: '朝鲜'},
        {englishValue: 'Norway', label: '挪威', value: '挪威'},
        {englishValue: 'Oman', label: '阿曼', value: '阿曼'},
        {englishValue: 'Pakistan', label: '巴基斯坦', value: '巴基斯坦'},
        {englishValue: 'Panama', label: '巴拿马', value: '巴拿马'},
        {englishValue: 'Papua New Cuinea', label: '巴布亚新几内亚', value: '巴布亚新几内亚'},
        {englishValue: 'Paraguay', label: '巴拉圭', value: '巴拉圭'},
        {englishValue: 'Peru', label: '秘鲁', value: '秘鲁'},
        {englishValue: 'Philippines', label: '菲律宾', value: '菲律宾'},
        {englishValue: 'Poland', label: '波兰', value: '波兰'},
        {englishValue: 'Portugal', label: '葡萄牙', value: '葡萄牙'},
        {englishValue: 'Puerto Rico', label: '波多黎各', value: '波多黎各'},
        {englishValue: 'Qatar', label: '卡塔尔', value: '卡塔尔'},
        {englishValue: 'Reunion', label: '留尼旺', value: '留尼旺'},
        {englishValue: 'Romania', label: '罗马尼亚', value: '罗马尼亚'},

        // {englishValue: 'Saint Lueia', label: '圣卢西亚', value: '圣卢西亚'},
        {englishValue: 'Saint Vincent', label: '圣文森特岛', value: '圣文森特岛'},
        {englishValue: 'Samoa Eastern', label: '东萨摩亚(美)', value: '东萨摩亚(美)'},
        {englishValue: 'Samoa Western', label: '西萨摩亚', value: '西萨摩亚'},
        {englishValue: 'San Marino', label: '圣马力诺', value: '圣马力诺'},
        {englishValue: 'Sao Tome and Principe', label: '圣多美和普林西比', value: '圣多美和普林西比'},
        {englishValue: 'Saudi Arabia', label: '沙特阿拉伯', value: '沙特阿拉伯'},
        {englishValue: 'Senegal', label: '塞内加尔', value: '塞内加尔'},
        {englishValue: 'Seychelles', label: '塞舌尔', value: '塞舌尔'},
        {englishValue: 'Sierra Leone', label: '塞拉利昂', value: '塞拉利昂'},
        {englishValue: 'Singapore', label: '新加坡', value: '新加坡'},
        {englishValue: 'Slovakia', label: '斯洛伐克', value: '斯洛伐克'},
        {englishValue: 'Slovenia', label: '斯洛文尼亚', value: '斯洛文尼亚'},
        {englishValue: 'Solomon Is', label: '所罗门群岛', value: '所罗门群岛'},
        {englishValue: 'Somali', label: '索马里', value: '索马里'},
        {englishValue: 'South Africa', label: '南非', value: '南非'},
        {englishValue: 'Spain', label: '西班牙', value: '西班牙'},
        {englishValue: 'SriLanka', label: '斯里兰卡', value: '斯里兰卡'},
        {englishValue: 'St.Lucia', label: '圣卢西亚', value: '圣卢西亚'},
        {englishValue: 'St.Vincent', label: '圣文森特', value: '圣文森特'},
        {englishValue: 'Sudan', label: '苏丹', value: '苏丹'},
        {englishValue: 'Suriname', label: '苏里南', value: '苏里南'},
        {englishValue: 'Swaziland', label: '斯威士兰', value: '斯威士兰'},
        {englishValue: 'Sweden', label: '瑞典', value: '瑞典'},
        {englishValue: 'Switzerland', label: '瑞士', value: '瑞士'},
        {englishValue: 'Syria', label: '叙利亚', value: '叙利亚'},
        {englishValue: 'Tajikstan', label: '塔吉克斯坦', value: '塔吉克斯坦'},
        {englishValue: 'Tanzania', label: '坦桑尼亚', value: '坦桑尼亚'},
        {englishValue: 'Thailand', label: '泰国', value: '泰国'},
        {englishValue: 'Togo', label: '多哥', value: '多哥'},
        {englishValue: 'Tonga', label: '汤加', value: '汤加'},
        {englishValue: 'Trinidad and Tobago', label: '特立尼达和多巴哥', value: '特立尼达和多巴哥'},
        {englishValue: 'Tunisia', label: '突尼斯', value: '突尼斯'},
        {englishValue: 'Turkey', label: '土耳其', value: '土耳其'},
        {englishValue: 'Turkmenistan', label: '土库曼斯坦', value: '土库曼斯坦'},
        {englishValue: 'Uganda', label: '乌干达', value: '乌干达'},
        {englishValue: 'Ukraine', label: '乌克兰', value: '乌克兰'},
        {englishValue: 'United Arab Emirates', label: '阿拉伯联合酋长国', value: '阿拉伯联合酋长国'},
        {englishValue: 'United Kiongdom', label: '英国', value: '英国'},
        {englishValue: 'United States of America', label: '美国', value: '美国'},
        {englishValue: 'Uruguay', label: '乌拉圭', value: '乌拉圭'},
        {englishValue: 'Uzbekistan', label: '乌兹别克斯坦', value: '乌兹别克斯坦'},
        {englishValue: 'Venezuela', label: '委内瑞拉', value: '委内瑞拉'},
        {englishValue: 'Vietnam', label: '越南', value: '越南'},
        {englishValue: 'Yemen', label: '也门', value: '也门'},
        {englishValue: 'Yugoslavia', label: '南斯拉夫', value: '南斯拉夫'},
        {englishValue: 'Zimbabwe', label: '津巴布韦', value: '津巴布韦'},
        {englishValue: 'Zaire', label: '扎伊尔', value: '扎伊尔'},
        {englishValue: 'Zambia', label: '赞比亚', value: '赞比亚}'},
      ]
    }
  },
  mounted() {

  },
  created() {
  },
  methods: {

    countryChange(country) {
      this.selectedCountry = country;
      this.$emit('countryChange', country);
    },
    filterOption(input, option) {
      let com = option.componentOptions
      let countryValue = String(com.propsData.value)
      let countryLabel = String(com.children[0].text)
      if (countryLabel.toLowerCase().includes(input.toLowerCase()) || countryValue.toLowerCase().includes(input.toLowerCase())) {
        return true
      }
    },
    // initParkInfoList() {
    //   getParkInfoList().then((res) => {
    //     if (res.success) {
    //       this.parkInfoList = res.result;
    //     }
    //   })
    // },
    // resetOption() {
    //   this.selectedCountry = "请选择车场";
    // }
  }
}
</script>
